@mixin center{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@mixin modal-shadow{
  box-shadow: 0 0 18px rgba(27,31,35,0.4);
  -webkit-box-shadow: 0 0 18px rgba(27,31,35,0.4);
  -moz-box-shadow: 0 0 18px rgba(27,31,35,0.4);
}

@mixin overlay_defaults{
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 3;
}

@mixin inst{
  border: 1px solid $header_border;
  color: $dark;
  background: $ff;
  border-radius: 4px;
}

@mixin photo {
  border-radius: 3px;
  cursor: pointer;
  transition: all .1s ease-in-out;

  &:hover {
    transform: scale(1.01);
  }

}

@mixin header {
  padding: 8px;
  background: $header;
  border-bottom: 1px solid $header_border;

  & span {
    font-size: 14px;
    font-weight: 600;
  }

}
